@charset "utf-8";
/* CSS Document */
*{ padding:0px; margin:0px;}
body{ background:#fff !important; font-size:14px; font-family:"微软雅黑";}
ul,li{ list-style:none; padding-left:0px; margin:0px;}
.clr{ clear:both;}
a{ color:#666; text-decoration:none;}
dl,dt{ margin:0px; font-weight:normal;}
img{ max-width:100%;}

.head_box{ width:100%; height:98px; background:#fff; position:fixed; top:0px; z-index:99999; border-bottom:#eee solid 1px;}
.kong_98{ width:100%; height:98px;}
.logo{ width:355px; height:72px; float:left; margin-left:40px; margin-top:14px;}
.head_right{ width:auto; height:98px; right:50px; position:absolute; top:0px;}
.head_nav{ width:45%; height:98px; margin:0 auto;}
.head_nav li{ float:left; height:98px; line-height:98px;} 
.head_nav li a{ padding:0 20px; height:98px; display:block; color:#060302; font-size:16px; position:relative;transition: all .3s ease-out;}
.head_nav li i{ width:0%; height:1px; background:#d9dad9; display:block; position:absolute; bottom:28px; left:50%; margin-left:-0%;transition: all .3s ease-out;}
.head_nav li a:hover i{bottom:28px; width:60%; left:50%; margin-left:-30%; background:#254da0;backface-visibility: hidden; transition: all .3s ease-out;}
.head_nav li a:hover{ color:#254da0; transition: all .3s ease-out;}
.head_nav li:hover .menu_links i{bottom:28px;}
.head_nav li .menu_links{color:#254da0; font-weight:bold;}
.head_nav li .menu_links i{ width:60%; height:1px; margin-left:-30%; background:#254da0; bottom:28px;}
.head_tel{ width:auto; height:98px; line-height:98px; float:left; color:#020402; font-size:22px; font-weight:bold; background: url(../images/tel_icon.png) left no-repeat; padding-left:40px; margin-left:10px;}
.kong_98{ width:100%; height:98px;}

.head_box .am-menu-offcanvas1 .am-menu-toggle{ display:none;}
.head_box .am-menu-toggle img{ height:26px; }
.head_box .am-menu-offcanvas1 .am-menu-nav>li>a{border-top: 1px solid rgba(0,0,0,.2);    text-indent: 25px;}
.head_box .am-menu-offcanvas1 .am-menu-nav{border-bottom: 1px solid rgba(0,0,0,.2);}
/*幻灯片轮播*/
.home_banner{ width:100%; height:auto; overflow:hidden; position:relative;}
.home_banner img{-webkit-animation:fa1 6s linear 1; }
.home_banner:hover .am-direction-nav a{opacity:1;transition: all .3s ease;}
.home_banner .am-control-nav{ z-index:9999 !important;}
.home_banner .am-slider-a4{box-shadow: 0 1px 4px rgba(0,0,0,0) !important; }
.home_banner .am-slider-a1{-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0); /* box-shadow: 0 1px 4px rgba(0,0,0,.2); */}
.head_bg .am-menu-offcanvas1 .am-menu-sub a:hover{ color:#000;}
.home_banner .am-slider-a1 .am-control-nav{ bottom: 10px;}
.home_banner .am-slider-a1 .am-control-nav li a{ background:#999;  height:8px;border-radius:100px;transition: all .5s ease-in-out; width:8px;}
.home_banner .am-slider-a1 .am-control-nav li a.am-active{ background:#fff; width:40px; height:8px; border-radius:100px;transition: all .5s ease-in-out;}
.am-slider{ position:relative;}
.wap_banner{ display:none;}
.wap_banner:hover .am-direction-nav a{opacity:1;transition: all .3s ease;}
.wap_banner .am-control-nav{ z-index:9999 !important;}
.wap_banner .am-slider-a1 .am-control-nav li{margin: 0 5px;}
.wap_banner .am-slider-a4{box-shadow: 0 1px 4px rgba(0,0,0,0) !important; }
.wap_banner .am-slider-a1{-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0); /* box-shadow: 0 1px 4px rgba(0,0,0,.2); */}
.head_bg .am-menu-offcanvas1 .am-menu-sub a:hover{ color:#000;}
.wap_banner .am-slider-a1 .am-control-nav{ bottom: 10px;}
.wap_banner .am-slider-a1 .am-control-nav li a{ background:#999;  height:5px;border-radius:100px;transition: all .5s ease-in-out; width:5px;}
.wap_banner .am-slider-a1 .am-control-nav li a.am-active{ background:#fff; width:40px; height:5px; border-radius:100px;transition: all .5s ease-in-out;}
.am-slider{ position:relative;}
.bann_bg{ width: 100%; height: 100%; background: rgba(0,0,0,0.2); position: absolute; top: 0px; z-index: 99;}
.banner_text{ position: absolute; top: 37%; width: 100% ;text-align: center; font-size: 60px; color: #fff;-webkit-transform-style: preserve-3d;
-webkit-animation: mymove 1.5s infinite ;  }
.bann_bg span{ font-size: 30px; font-weight: lighter; margin-top: 35px; display: block;-webkit-transform-style: preserve-3d;
-webkit-animation: spin2 4s infinite ;  }
.homepage_banner{position:relative;text-align:center;z-index:1;margin-top:-160px}
.homepage_banner .wrapper{overflow:visible}
.banner_content{position:relative;padding-top:225px}
.banner_logotype{ font-size: 50px;line-height: 0.8;color:#fff; overflow:hidden;text-align:left;width:90%; padding-top:10px; text-align:center; 
 height:170px;margin:0 auto; margin-top:170px;transition:350ms all;transform-origin:top center;transform:translateY(0);opacity:1;/*transform:scaleY(0.7) */}
.scrolled .banner_logotype{transform:translateY(-100%);opacity:0}
.banner_phrase{width:90%; text-align:center; font-size:50px;line-height:1.66em;line-height:0.8;height:170px;color:white;margin:-155px auto 0;
	transition:300ms all;transform-origin:bottom center;transform:translateY(100%);opacity:0;text-shadow:0 0 20px #03112d;text-transform:uppercase;letter-spacing:6px;}
.scrolled .banner_phrase{transform:translateY(0);opacity:1}
@-webkit-keyframes spin2 {
from {-webkit-transform: rotateX(0);}
to {-webkit-transform: rotateX(360deg);}
}
.ny_left_top2{ width:300px; height:50px; line-height:50px; float: right;  color:#fff; padding-left:0px; font-size:20px; margin-top:-60px;  background:#f1f1f1;}
.s_input{ width:220px; height:35px; line-height:35px; padding-left:5px; background:#fff; float:left; border:#ddd solid 1px;
 outline:none; margin-left:10px; margin-top:8px; font-size: 14px; color: #333;}
.s_buttom{ width:50px; height:35px; background:#333 ;border:none ; font-family: "微软雅黑"; outline:none; cursor:pointer; float:left;margin-top:8px; font-size: 14px;}
.ss_list{ font-size: 16px; margin-bottom:2%; display: block; }
.km_ss{ width: auto; float: right;  }
/*首页banner视频显示*/
.bann_video{ width:100%; height:590px;object-fit: fill; vertical-align: middle;}

.km_qianyue{ max-width:1421px; height:100px; margin:0 auto; overflow:hidden; position: relative;}
.km_line{ width:100%; height:6px; background:#f7f8fa;}

@-webkit-keyframes fa1{
	0%{-webkit-transform:scale(1.1);}
	10%{-webkit-transform:scale(1.09);}
	20%{-webkit-transform:scale(1.08);}
	30%{-webkit-transform:scale(1.07);}
	40%{-webkit-transform:scale(1.06);}
	50%{-webkit-transform:scale(1.05);}
	60%{-webkit-transform:scale(1.04);}
	70%{-webkit-transform:scale(1.03);}
	80%{-webkit-transform:scale(1.02);}
	90%{-webkit-transform:scale(1.01);}
	100%{-webkit-transform:scale(1.0);}
}

.banner_bg{ position: relative; overflow: hidden; }
.banner_bg_text {
    text-align: center;
    position: absolute;
    top: 30%; width: 100%; left: 50%; margin-left: -50%;
    color: #fff;
}
.banner_bg_text h2{font-size: 70px;margin-bottom: 15px;}
.banner_bg_text p{    font-size: 40px;margin-bottom: 20px;}
.banner_bg_text div{    font-size: 30px;font-weight: bold;}
.ztreeleft{-webkit-animation:fa1 6s linear 1; }
.ksu{ width: 260px; height: 40px; line-height: 40px;
 border-radius: 100px; border:#fff solid 1px; left: 50%; color: #fff; font-size: 20px; margin-left: -130px; text-align: center; 
 position: absolute; bottom: 12%; z-index: 6}


.notice{width:100%; height:100px; overflow: hidden; margin:0 auto; border-left:none; border-right:none;}
.noticTipTxt{color:#020202;height:60px;overflow:hidden;margin-top:20px;}
.noticTipTxt li{ width:33.333%; height:60px; overflow:hidden; float:left; position:relative; padding:0 30px;   margin-left:-1px;}
.km_qianyue_time{ width:20%; height:60px; line-height:25px; padding-top: 10px; overflow:hidden; float:left; position: relative; font-size:24px; font-weight:lighter;}
.km_qianyue_text{ float:left; width:65%; margin-left:30px; height:auto; overflow:hidden; line-height:25px;padding-top: 7px; }
.km_qianyue_text p{font-size:16px; color:#000000;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis; overflow:hidden; margin-left:-7px;}
.km_qianyue_text span{ font-size:13px;color:#999; height:20px; line-height:20px;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis; overflow:hidden; width:100%; display:block;}
.km_qianyue_line{ width:1px; height:70%; position:absolute; right:1px; top:9px; background:#cccccc;}
.qianyue_more{ position: absolute; top: 40px; right: 0px; }
.km_qianyue_time i{ display: block; font-size: 14px; line-height: 15px ; padding-right: 13px; text-align:center; font-style: normal;}
.qy_list_bg .km_qianyue_time,.qy_list_bg .km_qianyue_text p,.qy_list_bg .km_qianyue_text span{ color:red}
.qianyue_list{width:100%; height:auto; overflow: hidden; margin:0 auto; border-left:none; border-right:none;}
.qianyue_list ul{ width:102%; }
.qianyue_list li{ width:32%; height:auto;  background: #fff;  overflow:hidden; float:left; position:relative; padding:0 30px; 
 padding-top: 20px; padding-bottom:20px;margin-right:1%; margin-bottom:1%;}
 .noticTipTxt li:hover .km_qianyue_text p{ color:#ed1b23; }
 .noticTipTxt li:hover .km_qianyue_text span{ color:#ed1b23; }
 .km_ser{ margin-top: 27px !important; }

.km_cases{ max-width:1421px; height:auto; overflow:hidden; margin:0 auto; margin-top:77px; margin-bottom:60px;}
.km_cases_top{ width:100%; height:auto; overflow:hidden; font-size:24px; font-weight:lighter; margin-bottom:40px; color:#000;}
.km_cases_top p{ font-size:16px; color:#666; padding-top:5px;}
.km_cases_list{ width:100%; height:auto; overflow:hidden;}
.km_cases_list ul{ width:102%;}
.km_cases_list li{ width:31.25%; height: auto; overflow:hidden; margin:0 2% 2% 0; float:left;}
.km_cases_list li:hover .km_cases_listimg img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transition: all .5s ease;}
.km_cases_tbox{ width:100%; height:150px; border:#e9e9ea solid 1px; padding:4%;}
.km_cases_tbox h2{ color:#000; font-size:16px;margin:14px 0 5px 0; font-weight:normal;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.km_cases_tbox i{ font-style: normal; }
.km_cases_tbox span{ color:#999; margin-bottom:24px; display:block;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.km_cases_bor{ width:100%; height:45px; line-height:45px; border-top:#dfdede solid 1px; position:relative;}
.km_cases_bor span{ font-weight:lighter;letter-spacing: 4px; font-size:13px; float: left; margin-bottom:0px;}
.km_cases_bor p{ float:right;}
.km_cases_listimg{ width:100%; height:342px; overflow:hidden;}
.km_cases_listimg img{transition: all .5s ease; width:100%; /*height: 100%*/}
.cases_line2{ width:100%; height:1px; background:#d2d1d1; margin:40px 0 0 0;}
.cases_more{ width:130px; height:45px; line-height:45px; margin:0 auto; background:#fff; position:relative; text-align:center; margin-top:-22px; font-size:18px; color:#666;}
.cases_more a{ color:#666;}
.cases_more:hover{ color:#000;}
.gps_box{ float:right; font-size:14px; font-weight:normal; margin-top:-46px; color:#666;}
.gps_box a{ color:#666;}
.gps_box a:hover{ color:#000;}
.km_pkong{ margin-top:0px;}
.km_cases_text{ width:62.5%; height:380px; float:left; background:#fff; padding:40px;}
.km_cases_right{ width:36.5%; height:380px; float:right; background:#fff; padding:40px;}
.km_cases_content{ font-size:15px; color:#555555; line-height:30px; margin-top:20px; text-align: justify;}
.km_cases_t2{ width:100%; height: auto; overflow:hidden;}
.km_cases_t1{ font-size:28px; color:#555555; float:left;}
.km_cacse_t4{ width:1px; height:30px; background:#dad8d8; display:block; float:left; margin-left:10px; margin-right:10px; margin-top:8px;}
.km_ctitle3{font-size:22px; color:#232323;float:left; margin-top:5px;} 
.km_cases_links{ font-size:18px; color:#0f92ed; height:40px; line-height:40px; margin-top:30px; float:left; margin-left:30px;}
.km_cases_links a{ color:#0f92ed; background:url(../images/cases_icon.png) right no-repeat; padding-right:30px;}
.km_cases_links a:hover{ color:#000;}
.km_cases_pre{ width:240px; height:40px; float:left; line-height:40px; border:#d6d6d6 solid 1px; border-radius:100px; margin-top:30px;}
.km_cases_pre a:hover{ color:#000;}
.km_pre_a{ width:35%; height:40px; float:left; text-align:center;}
.km_fhui{ width:30%; height:38px; float:left; text-align:center; border-left:#d6d6d6 solid 1px;border-right:#d6d6d6 solid 1px;}
.km_text_a{ width:35%; height:40px; float:left; text-align:center;}
.km_cases_ser{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.km_cases_ser li{ font-size:16px; color:#555; line-height:35px; height:35px; position:relative}
.km_cases_ser li i{ width:15px; height:2px; background:#d0d0d0; display: inline-block; top:-5px; margin-right:10px; position:relative;transition: all .3s ease;}
.km_cases_ser li:hover i{ width:30px;transition: all .3s ease;}
.km_cases_serlinks{ font-size:18px; color:#333; height:40px; line-height:40px; margin-top:30px; float:left; margin-left:26px;}
.km_cases_serlinks a{ color:#333; background:url(../images/cases_icon.png) right no-repeat; padding-right:30px;}
.km_cases_serlinks a:hover{ color:#000;}
.km_cases_con{ width:100%; height:auto; overflow:hidden; margin-top:15px; background:#fff;}
.km_cases_show{ max-width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:5%; margin-bottom:5%;}
.km_c{ margin:0 auto; float:none; margin-top:40px;}

.km_cases_ser2{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.km_cases_ser2 li{ font-size:16px; width: 50%; float: left; color:#555; line-height:35px; height:35px; position:relative}
.km_cases_ser2 li i{ width:15px; height:2px; background:#d0d0d0; display: inline-block; top:-5px; margin-right:10px; position:relative;transition: all .3s ease;}
.km_cases_ser2 li:hover i{ width:30px;transition: all .3s ease;}
.km3cases{ width: 100%; height: auto; overflow: hidden; }
.km3cases li{ width: 49%; height: auto; overflow: hidden; float: left; margin-bottom: 20px; border:#ddd solid 1px;  }
.km3cases li:nth-of-type(even){   float: right;}

.km_cases_list2{ width:100%; height:auto; overflow:hidden;}
.km_cases_list2 ul{ width:102%;}
.km_cases_list2 li{ width:18%;height: 544px; box-shadow: 2px 2px 4px #e3e3e3; overflow:hidden; margin:0 2% 2% 0; border-radius: 38px; float:left; position: relative;}
.phbox{ width: 100%;  position: absolute; top: 0px; left: 0px; z-index: 6; }
.phbox h2{ position: absolute;
    bottom: 58px;
    background: rgba(0,0,0,0.5); color: #fff; font-size: 14px; height: 34px; line-height: 34px; font-weight: normal; text-align: center;
    width: 91%; margin-left: 5%;}
.km_cases_list2 .km_cases_listimg img{ top: 65px; position: relative; }
.km_cases_list2 .km_cases_listimg{ overflow: unset; }
.xcx_m{ width: 100%; height: auto; position: absolute; text-align: center; left: -100%; z-index: 6; top: 20%;transition: all .5s ease; }
.xcx_m img{ max-width: 200px; max-height: 200px; border-radius: 5px; }
.km_cases_list2 li:hover .xcx_m{ left: 0px;transition: all .5s ease; }
.xcx_bgs{ width: 100%; height: 80%; position: absolute; top: 50px; background: rgba(0,0,0,0); z-index: 4;transition: all .5s ease; }
.km_cases_list2 li:hover .xcx_bgs{background: rgba(0,0,0,0.4);transition: all .2s ease; }

.km_form_bg{ width:100%; height:300px; background:url(../images/form_bg.jpg) center no-repeat; }
.km_form_cen{ max-width:1421px; height:auto; overflow:hidden; margin:0 auto; padding-top:67px;}
.km_form_cen h3{ margin-bottom: 20px; }
.km_form_cen h1{ color:#656565 ; font-size:32px; font-weight:normal; margin-bottom:44px;}
.km_form_cen p{ color:#999999; font-size:16px; margin-top:30px;}
.km_input{ width:27%; height:52px; line-height:52px; background:#fff; border:none; outline:none; margin-right:0.5%; border-radius:5px; padding-left:1%; color:#666; font-size:16px;}
.km_buttom{ width:16.5%; height:52px; background:#0f92ed; font-size:22px; color:#fff; text-align:center; line-height:52px; border:none; outline:none; float:right; border-radius:5px;transition: all .5s ease;}
.km_buttom:hover{ background:#000;transition: all .5s ease;}

.km_news_bg{ width:100%; height:auto; overflow:hidden; background:#f7f8fa;}
.km_news_cen{ max-width:1421px; height: auto; overflow:hidden; margin:0 auto; padding-top:70px;}
.km_news_more{ width:135px; height:40px; line-height:40px;  border:#c7c7c8 solid 1px; border-radius:100px;transition: all .2s ease; float:right; overflow:hidden; margin-top:-50px; font-size:18px; text-align: center; position:relative}
.km_nees_no{ width:200px; height:40px; background:#fff; position:absolute; left:-200px;transition: all .5s ease;}
.km_news_more:hover .km_nees_no{ left:0px;transition: all .5s ease;}
.km_news_more:hover{border:#8b8b8b solid 1px; color:#000;transition: all .5s ease;}
.km_news_more span{ position: absolute; z-index:99; width:135px; left:0px;}
.km_news_list{ padding-bottom:5%; height:auto; overflow:hidden;}
.km_news_list li{ width:35.5%; height:140px; border:#e9ebed solid 1px; float:left; background:#fff; margin-left:0.5%; padding:35px 17px 35px 27px; margin-bottom:0.5%; position:relative;}
.km_news_list .km_news_1{ width:27.69%; height:auto; overflow:hidden; position:relative; margin-left:0px; margin-bottom:0px;padding:0px 0 0px 0;}
.km_news_img{ width:100%; height:auto; overflow:hidden; position:relative;}
.km_news_img img{ width:100%;}
.km_news_1title{ width:90%; padding:20px 10px 20px 20px; position:absolute; bottom:20px; left:50%; margin-left:-45%; background:#fff url(../images/news_icon.png) 95% center no-repeat;transition: all .3s ease; }
.km_news_t{ width:86%; margin-left:-5px; color:#515050; font-size:15px; float:left;}
.km_news_1title span{ margin-left:-6px;}
.km_news_1title i{ color:#999; font-style:normal;}
.km_news_icon{ width:7%; float:right;}
.km_news_list .km_news_1:hover .km_news_1title{background:#fff url(../images/news_icon.png) 97% center no-repeat;transition: all .3s ease;} 
.km_news_time{ width:18%; float:left; height:70px; border-right:#edecec solid 1px;}
.km_d{ color:#000; font-size:22px; font-weight:lighter; display:block; margin-top:2px;}
.km_dline{ width:22px; height:2px; background:#d2d1d1; display:block; margin:5px 0 10px 0;}
.km_ym{ font-size:14px; font-weight:lighter; color:#312e2e;}
.km_news_r{ width:78%; float:right; height:70px;display: table;  background:url(../images/news_icon.png) 97% center no-repeat;transition: all .3s ease;}
.km_news_bt{ display: table-cell;vertical-align:middle; font-size:16px; padding-right:13%;transition: all .3s ease;}
.km_news_bt i{ font-style:normal; color:#999;}
.km_news_bt span{ margin-left:-6px;}
.km_news_list li:hover .km_news_r{background:url(../images/news_icon.png) 99% center no-repeat;transition: all .3s ease;}
.km_news_list li:hover .km_news_bt{ color:#000;transition: all .3s ease;}
.km_news_list li:hover .i_top{ width:100%;transition: all ease-in 0.3s; display:block;opacity:1; }
.km_news_list li:hover .i_bottom{ width:100%;transition: all ease-in 0.5s; display:block;opacity:1; }
.km_news_list li:hover .i_right_bottom { height:100%;transition: all ease-in 0.3s; display:block;opacity:1; }
.km_news_list li:hover .i_left{ height:101%;transition: all ease-in 0.5s; display:block;opacity:1; }
.i_left{ width:0px; height:1px; position:absolute; left:-1px; bottom:0px;border-left:#8b8b8b solid 1px; background:#fff;transition: all ease-in 0.3s;opacity:0;  }
.i_bottom{ width:0px; height:1px; position:absolute; right:0px; bottom:0px; background:#8b8b8b;transition: all ease-in 0.5s;opacity:0; }
.i_top{ width:0px; height:1px; position:absolute; left:0px; top:-1px; background:#8b8b8b;transition: all ease-in 0.3s;opacity:0; }
.i_right_bottom{ width:0px; height:1px; position:absolute; right:-1px; top:0px; border-right:#8b8b8b solid 1px;transition: all ease-in 0.5s;opacity:0; }
.km_news_con{ width:100%; height:auto; overflow:hidden; line-height:30px; font-size:15px; margin-top:30px;/*text-indent:2em*/}
.news_fhui{ width:10%; }
.news_s{ width:auto; }
.news_prea{ width:45%; text-align:right; padding-right: 1%;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news_texea{ width:45%; text-align:left; padding-left:1%; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.nes_qy{ width: 32.5% !important; }

.km_homenews{ width:100%; height:auto; margin:0px auto;  }
.km_homenews .km_tab{ overflow:hidden; }
.km_homenews .km_tab a{ display:block; padding:5px 20px; border-radius: 100px; margin-right: 5px; background: #f1f1f1; font-size: 16px; float:left; text-decoration:none; color:#333;}
.km_homenews .km_tab a:hover{ background:#254da0; color:#fff; text-decoration:none;}
.km_homenews .km_tab a.on{ background:#254da0; color:#fff; text-decoration:none;}
.km_homenews .km_content{ overflow:hidden; padding-top: 30px; }
.km_homenews .km_content dt{ display:none;}





.footer_cen{ max-width:1421px; height:auto;  margin:0 auto; padding-top:3%;}
.footer_left{ width:70%; float:left; height:auto; overflow:hidden;}
.footer_left h5{ color:#666; font-size:46px; font-weight:lighter;}
.footer_sp{ color:#666; line-height:25px;}
.footer_sp a{ color:#666;}
.footer_right{ width:auto; float:right; }
.footer_icon{ width:40px; height:40px; float:left; background:#22272b url(../images/icon_qq.png) center no-repeat; border-radius:100px; line-height:40px;color:#fff; font-size:16px;}
.footer_icon:hover{ background:#0f92ed url(../images/icon_qq.png) center no-repeat;}

.icon_wx{ width:40px; height:40px; position:relative; background:#22272b url(../images/icon_wx.png) center no-repeat; float:left; border-radius:100px; margin:0 10px 0 10px;}
.icon_wx:hover{ background:#0f92ed url(../images/icon_wx.png) center no-repeat;}
.icon_lt{ width:40px; height:40px; background:#22272b url(../images/icon_lt.png) center no-repeat;margin-right:10px; float:left; border-radius:100px;}
.icon_wb{ width:40px; height:40px; background:#22272b url(../images/icon_wb.png) center no-repeat;margin-right:10px; float:left; border-radius:100px;}
.icon_wb:hover{ background:#0f92ed url(../images/icon_wb.png) center no-repeat;}
.wx_img{ width:150px; height:150px; text-align:center; position:absolute; top:-170px; background:#fff;  border:#c4c4c4 solid 1px; z-index:9; left:50%;
 margin-left:-75px; display: none; transition: all ease-in 0.2s;}
.wx_img img{ width:90%; margin:0 auto; margin-top:6px;}
.border-down-empty{width: 0;height: 0;border-left: 13px solid transparent;border-right: 13px solid transparent;border-top: 13px solid #c4c4c4;position: relative; position:absolute; bottom:-13px; left:40%;}
.border-down-empty span{display: block;width: 0;height: 0;border-left: 12px solid transparent;border-right: 12px solid transparent;border-top: 12px solid #fff;position: absolute;left: -12px;top: -13px;}
.icon_wx:hover .wx_img{opacity:1;transition: all ease-in 0.2s;}



.icon_lt:hover{background:#0f92ed url(../images/icon_lt.png) center no-repeat;}
.footer_line{ width:100%; height:1px; background:#e3e3e4; margin:30px 0 30px 0;}
.footer_link{ margin-bottom:20px; height:auto; overflow:hidden;}
.footer_link a{ padding-right:25px; height:25px; line-height:25px; float:left;}
.footer_link a:hover{ color:#000;}
.footer_img{ width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.footer_img a{ width:auto; display:block; float:left; margin-right:20px; border:#eee solid 1px; padding:0 10px; }

.side{position:fixed;width:44px;height:auto;left:0;bottom:200px;z-index:100;}
.side ul li{ width:44px;height:44px;float:left;position:relative;border-bottom:1px solid #444; list-style: none;}
.side ul li .sidebox{position:absolute;width:44px;height:44px;top:0;left:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff; line-height: 44px; overflow:hidden;}
.side ul li .sidetop{width:44px;height:44px;line-height:44px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}


.km_cases_showbg{ width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding-top:25px;}
.km_promote_list{  width:100%; height:auto; overflow:hidden; margin-bottom:60px;}
.km_promote_list ul{ width:101.5%;}
.km_promote_list li{ width:23.2%; float:left; position:relative; height:auto; overflow:hidden; margin-right:1.5%; margin-bottom:1.5%;}
.promo_title{ font-size:20px; color:#403f3f;}
.km_promote_list li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transition: all .5s ease;}
.km_promote_list li img{transition: all .5s ease;}

.km_promote_list li:hover .km_news_1title{-webkit-transform-style: preserve-3d;
-webkit-animation: spin 1.5s infinite ;}
.km_chengguo{ font-size:32px; color:#515050; margin-bottom:30px;}

@-webkit-keyframes spin {
from {-webkit-transform: rotateX(0);}
to {-webkit-transform: rotateX(360deg);}
}


.services_bg{ width:100%; height:65px; text-align:center; background:#f5f5f5;}
.services_bg li{ height:65px; margin:0 auto; position: relative; display: inline-block; line-height:65px;}
.services_bg li a{ color:#242424; padding:0 20px; font-size:16px; display: inline-block;}
.services_bg li a:hover{ color:#264d9f;}
.services_bg li i{ position:absolute; bottom:0px; height:2px; width:0%; background:#264d9f; left:50%;transition: all .5s ease; }
.services_bg li:hover i{ width:70%; margin-left:-35%;transition: all .5s ease;}
.services_bg li .ser_link i{ width:70%; margin-left:-35%; height:2px;}
.services_bg li .ser_link{color:#264d9f; font-weight:bold;}
.web_1{ max-width:1421px; text-align:center; margin:0 auto; padding-top:60px;}
.web_1 h2{ color:#2f2f2f; font-size:40px; font-weight:normal; margin-bottom:10px;}
.web_text1{ width:100%; height:auto; overflow:hidden; line-height:30px; font-size:16px; text-align:center; color:#676767; font-size:20px;}
.web_img{ width:100%; text-align:center; height:auto; overflow:hidden; margin-top:75px; margin-bottom:100px;}
.web_2{ width:100%; height: auto; overflow:hidden; background:#f5f5f5;}
.web_text2{ font-size:16px; line-height:30px; height: auto; overflow:hidden;}
.web_img2{ margin-top:50px; margin-bottom:70px;}
.web_img ul{ width:101%;}
.web_img li{ width:24%; float:left; margin-right:1%;}
.web_more{ width:178px; height:48px; margin:0 auto;line-height:48px; text-align:center; margin-bottom:50px;}
.web_more a{ width:178px; height:48px; display:block; border-radius:5px;  border:#d9d9d9 solid 1px; color:#676767;  font-size:16px;transition: all .5s ease; }
.web_more a:hover{ background:#676767; color:#fff; border:#676767 solid 1px;transition: all .5s ease; }
.web_text3{ width:100%; height:auto; overflow:hidden; font-size:26px; color:#676767; margin-top:20px;}
.web_3{ width:100%; height:auto; overflow:hidden; padding-bottom:80px;}
.web_3 ul{ width:101%;}
.web_3 li{ width:32%; height:127px; background:#fff; border-radius:5px; float:left; padding:20px; text-align:left; margin-bottom:1%; margin-right:1%;}
.web_3 li img{ float:left;  margin-right:15px; float:left; margin-top:4%;}
.web_3 li h2{ font-size:22px; color:#676767; font-weight:normal; margin-bottom:5px; margin-top:5px;}
.web_3right{ width:82%; float:right; }
.web_3text{ line-height:20px; color:#676767; font-size:16px;}




.services_list{ width:100%; height:auto; overflow:hidden; padding-bottom:80px; padding:10px;}
.services_list ul{ width:102%;}
.services_list li{ width:48%; height:250px; position:relative; overflow:hidden; background:#fff; border-radius:5px; float:left; padding:20px; text-align:left; margin-bottom:1%; margin-right:2%;transition: all .3s ease-out;}
.services_list li img{ float:left;  margin-right:15px; float:left; margin-top:8%;}
.services_list li h1{ font-size:22px; color:#676767; font-weight:normal; margin-bottom:5px; margin-top:5px;}
.services_list_right{ width:82%; float:right; }
.services_list_text{ line-height:20px; color:#676767; font-size:15px;}
.services_fw{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.services_fw dt{ width:50%; height:25px; line-height:25px; float:left; font-size:14px; color:#666;}

.services_list li:hover .ser_top{ width:100%;transition: all ease-in 0.3s; display:block;opacity:1; }
.services_list li:hover .ser_bottom{ width:100%;transition: all ease-in 0.5s; display:block;opacity:1; }
.services_list li:hover .ser_right_bottom { height:100%;transition: all ease-in 0.3s; display:block;opacity:1; }
.services_list li:hover .ser_left{ height:100%;transition: all ease-in 0.5s; display:block;opacity:1; }
.services_list li:hover{-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);transition: all .3s ease-out;}
.ser_left{ width:0px; height:1px; position:absolute; left:0px; bottom:0px;border-left:#d1d1d1 solid 1px; background:#fff;transition: all ease-in 0.3s;opacity:0;  }
.ser_bottom{ width:0px; height:1px; position:absolute; right:0px; bottom:0px; background:#d1d1d1;transition: all ease-in 0.5s;opacity:0; }
.ser_top{ width:0px; height:1px; position:absolute; left:0px; top:0px; background:#d1d1d1;transition: all ease-in 0.3s;opacity:0; }
.ser_right_bottom{ width:0px; height:1px; position:absolute; right:0px; top:0px; border-right:#d1d1d1 solid 1px;transition: all ease-in 0.5s;opacity:0; }
.services_list li:hover h1{ color:#000;transition: all ease-in 0.3s;}
.cases_more2{ width:130px; height:45px; line-height:45px; margin:0 auto; background:#fff; border:#e5e5e5 solid 1px; border-radius:5px; position:relative; margin-bottom:50px; text-align:center; margin-top:-22px; font-size:18px; color:#666;}
.cases_more2 a{ color:#666;}
.cases_more2:hover{ color:#000;}

.km_mobile_m1{ width:45%; float:left; text-align:left;}
.km_mobile_m2{ width:50%; float:right; text-align:right; margin-bottom:70px; margin-top:50px;}
.km_mobile_m1 h2{color:#2f2f2f; font-size:40px; font-weight:normal; margin-bottom:10px; margin-top:120px;}
.km_mobile_mtext{ text-align:left; font-size:18px; line-height:30px;}
.km_mobile_butt{ margin-top:70px;}
.km_mobile_butt dt{ padding:0 20px; height:50px; line-height:50px; background:#464646; float:left; margin-right:20px; color:#fff; font-size:16px; border-radius:5px;}
.km_mobile_butt dt:nth-child(2){ background:#000;}
.km_mobile_bg{ width:100%; height:auto; overflow:hidden; background:url(../images/m_2.jpg) center no-repeat; padding-top:95px; padding-bottom:120px;}
.km_mobile_m3{ width:50%; height:auto; float:left; overflow:hidden;}
.km_mobile_m4{ width:45%; height:auto; overflow:hidden; float:right;}
.km_mobile_mtext2{text-align:left; font-size:16px; line-height:30px; color:#fff;}
.km_mobile_m4 h2{ color:#fff; text-align:left;}
.km_mobile_mtext1{ font-size:20px; color:#fff; text-align:left; margin-bottom:20px;}
.km_mobile_mtext3{ width:360px; height:60px; line-height:60px; background:#fff; text-align:center; font-size:22px; color:#3e3e3e; border-radius:5px; margin-top:50px;}
.km_mobile_mli{ width:100%; height:auto; overflow:hidden; margin-top:50px;}
.km_mobile_mli dt{ width:33%; height:30px; line-height:30px; float:left; color:#575656; font-size:16px;}

.web_more3{ width:178px; height:48px;line-height:48px; text-align:center; margin-top:50px;}
.web_more3 a{ width:178px; height:48px; display:block; border-radius:5px;  border:#d9d9d9 solid 1px; color:#676767;  font-size:16px;transition: all .5s ease; }
.web_more3 a:hover{ background:#676767; color:#fff; border:#676767 solid 1px;transition: all .5s ease; }
.km_mobile_top{ padding-top:0px;}
.km_mobile_bg2{ width:100%; height:auto; overflow:hidden; background:#222121; padding-bottom:80px;}
.km_mt{ margin-bottom:0px;}
.km_mobile_bg2 h2{ text-align:center; color:#fff; font-size:40px; font-weight:normal; margin-top:50px;}
.km_mobile_bg2 i{ width:120px; height:3px; background:#fff; display:block; margin:0 auto; margin-top:10px; margin-bottom:60px; }
.km_mobile_list{ max-width:1421px; height:auto; overflow:hidden; margin:0 auto;}
.km_mobile_list ul{ width:101%;}
.km_mobile_list li{ width:23.5%; height:auto; overflow:hidden; position:relative; float:left; margin-right:1.4%;transition: all .5s ease; }
.km_mobile_list li p{ font-size:18px; color:#fff; text-align:center; padding:28px 0 28px 0;}
.km_mobile_list li span{ margin:0 auto; width:0px; display:block;  background:#fff; height:2px;transition: all .5s ease; }
.km_mobile_list li:hover span{ width:100%;transition: all .5s ease; }

.km_mobile_none{ display:none;}
.marker_box{ width:100%; height:auto; overflow:hidden; margin-top:40px;}
.marker_box li{ width:33.33%; height:auto; overflow:hidden; float:left; font-size:18px; color:#676767; text-align:left; margin-bottom:20px;padding-left:45px;}
.marker_box li:nth-child(1){ height:34px; line-height:34px; background:url(../images/market_icon1.jpg) left no-repeat; }
.marker_box li:nth-child(2){ height:34px; line-height:34px; background:url(../images/market_icon2.jpg) left no-repeat; }
.marker_box li:nth-child(3){ height:34px; line-height:34px; background:url(../images/market_icon3.jpg) left no-repeat;}
.marker_box li:nth-child(4){ height:34px; line-height:34px; background:url(../images/market_icon4.jpg) left no-repeat; }
.marker_box li:nth-child(5){ height:34px; line-height:34px; background:url(../images/market_icon5.jpg) left no-repeat; }
.marker_box li:nth-child(6){ height:34px; line-height:34px; background:url(../images/market_icon6.jpg) left no-repeat; }
.marker_box2{ width:100%; height:auto; overflow:hidden; margin-top:50px;}
.market_text{ margin-bottom:50px; margin-top:40px;}
.marker_text2{ font-weight:bold; font-size:32px; color:#676767; margin-top:40px;}
.marker_text2 li{ margin:0 auto; padding:0 10px; display:inline-block; }
.market_img{ margin-bottom:0px;}
.market_text3{ font-size:18px; color:#676767; margin-bottom:30px; height:auto; overflow:hidden;}
.market_m{ margin-bottom:100px;}


.km_mall_1{ width:50%; float:left;}
.km_mall_2{ width:45%; float:right;}
.km_mall_2 h2{ font-size:40px; color:#2f2f2f; text-align:left; margin-top:70px;}
.km_mall_line{ width:100px; height:4px; margin-bottom:30px; background:#e1e1e1;}
.mall_text{ font-size:16px; color:#676767; margin-bottom:60px;}
.mall_img{ margin-bottom:100px;}
.km_mall_3{ width:50%; float:left;}
.km_mall_3 h2{ text-align:left; margin-top:130px;}
.km_mall_4{ width:50%; float:right;}
.km_mall_3 .web_text2{ text-align:left;}
.mall_none{ display:none;}

#rocket-to-top div {
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    width: 76px;
}
#rocket-to-top .level-2 {
    background: url("../images/rocket_button_up.png") no-repeat scroll -82px 0 transparent;
    display: none;
    height: 250px;
    opacity: 0;
    z-index: 1;
}
#rocket-to-top .level-3 {
    background: none repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 150px;
    z-index: 2;
}
#rocket-to-top {
    background: url("../images/rocket_button_up.png") no-repeat scroll 0 0 transparent;
    cursor: default;
    display: block;
    height: 150px;
    margin: -125px 0 0;
    overflow: hidden;
    padding: 0;
    position: fixed;
    right: 0;
    top: 100%;
    width: 76px;
    z-index: 11;
}

.contact_box{ max-width:1421px; height:auto; overflow:hidden; margin:0 auto; padding-top:80px;}
.contact_box li{ width:33.333%; height:auto; overflow:hidden; float:left; position: relative;}
.contact_box li h2{ color:#000000; font-size:24px; font-weight:lighter; margin-bottom:30px;}
.con_ig{ width:120px; position: absolute; right: 40px; top:40px; text-align:center; font-size: 12px; }
.contact_box li span{ display:block;}
.contact_box li .con_s1{ font-size:16px; color:#999999;}
.contact_box li .con_s2{ font-size:36px; color:#666;font-weight:lighter;}
.contact_box li .con_s3{ font-size:16px; color:#666;}
.contact_box li .con_s4{ font-size:18px; color:#666; margin-top:10px;}
.contact_box li .con_s4 a{ color:#666;}
.contact_box li .con_s4 a:hover{ text-decoration:underline;}
.con_line{ width:100%; height:1px; background:#cdcdcd; margin-top:5%; margin-bottom:5%;}
.con_left{ width:50%; height:auto; overflow:hidden; float:left;}
.con_left h2{ font-size:24px; color:#000000; margin-bottom:20px; margin-top:8%;} 
.con_left_t1{ font-size:18px; color:#666666;}
.con_left_t2{ font-size:16px; color:#666666;}
.con_left_t3{ font-size:16px; color:#666666;text-align: justify;word-break: keep-all; margin-top:20px;}
.con_s5{ width:100px; height:4px; background:#666666; display:block; margin:0 auto; margin-top:20px; margin-bottom:40px;}
.con_s6{ font-size:16px; line-height:35px;text-align: justify;text-align:center; margin-bottom:4%;}
.con_left .web_more{ float:left; margin-top:30px;}
.con_right{ width:50%; float:right; text-align:right;}
.con_bg{ width:100%; height:auto; overflow:hidden; background:url(../images/about_bg.jpg) center no-repeat; padding-top:7%; padding-bottom:9%; margin-top:6%;}
.con_bgcen{ max-width:1421px; height:auto; overflow:hidden; margin:0 auto;}
.con_bgright{ width:90%; margin:0 auto; height:auto; text-align:center; overflow:hidden; color:#fff;}
.con_bgright h2{ font-size:58px; font-weight:normal;}
.con_text2{ font-size:17px; color:#676767; line-height:35px; margin-bottom:4%;}
.con_top{ margin-top:1%;}
.con_tema{ margin-bottom:6%;}
.con_qlist dt{ width:100px; height: 100px; margin-top: 12px; float: left; border-radius:5px; overflow: hidden; margin-right:20px;  }


.x_2{ width:100%; height:59px; background:#f1f1f1; padding-top:6px;}
.x_2_1{ max-width:1200px; height:47px; margin:0 auto; line-height:47px;}
.x_2_1 li{ width:300px; height:47px; float:left;}
.x_2_1 li img{ width:47px; float: left;}
.x_2_2{ width:230px ; float:left; margin-left:15px; color:#5b5858; font-size:16px;}
.x_2_2 span{ color:#ee9615; font-size:20px; font-weight:bold;}
.x_3{ width:347px; height:83px; margin:0 auto; margin-top:33px; text-align: center;}
.x_3_1{  max-width:1200px; height:auto; overflow:hidden; margin:0 auto; line-height:35px; font-size:16px; text-align:center; color:#575757; margin-top:33px;}
.x_3_2{  max-width:1200px; height:300px;  margin:0 auto; margin-bottom:60px;}
.x_3_2 ul{ width:105%;}
.x_3_2 li{ width:276px; height:306px; float:left; margin-right:25px; background:#fcfbff; margin-top:40px;box-shadow: 0 0 20px #ddd;}
.x_3_2 li:hover{ background:#254da0;transition: all .3s ease-in-out; cursor:pointer;box-shadow: 0 0 20px #254da0;}
.x_3_2 li:hover a{background:#fff; color:#254da0;transition: all .3s ease-in-out; }
.x_3_2 li:hover p{ color:#fff;transition: all .3s ease-in-out; }
.x_3_2 li img{ width:54px; margin:0 auto; display:block; margin-top:34px;}
.x_3_2 li h1{ font-size:18px; font-weight:bold; color:#ee9615; margin:0 auto; display:block; text-align:center; margin-top:30px;}
.x_3_2 li p{ width:200px; height:60px; line-height:20px; margin:0 auto; display:block; font-size:12px; color:#999; text-align:center; margin-top:24px;}
.x_3_2 li a{ width:110px; height:30px; display:block; line-height:30px; margin:0 auto; background:#254da0; font-size:16px; margin-top:25px; color:#fff; text-align:center; border-radius:100px;}
.x_4{ width:100%; height:83px; margin-top:130px;}
.x_4_1{  max-width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:50px;}
.x_5{ width:100%; height:334px; margin-top:70px;}
.x_5_1{  max-width:1200px; height:334px; margin:0 auto;}
.x_5_2{ width:199px; height:334px; float:left; background:#254da0;}
.x_5_2 img{ width:170px; height:201px; display:block; margin-top:55px; margin-left:19px;}
.index_bottom_list{ width: 1000px; height: 334px; margin-top: 60px; float:right; cursor:pointer;}
.hl_main5_content{width:1000px; height: 334px; position:relative;   }
.hl_main5_content1{width:1000px; overflow:hidden; margin:0 auto;margin-top:-60px;}
.hl_main5_content1 ul{width:3000px; overflow:hidden;}
.hl_main5_content1 ul li{ float:left; width:199px; height:334px; text-align:center; display:inline; margin-right:1px;}
.hl_main5_content1 ul li a{ color:#732828; font-size:14px;}
.index_bottom_list:hover .hl_scrool_leftbtn,.index_bottom_list:hover .hl_scrool_rightbtn{ display:block;transition: all .5s ease-in-out;}
.x_6{ width:282px; height:83px; margin:0 auto; margin-top:62px;}
.x_6_1{  max-width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:70px;}
.x_6_1 li{ width:240px; height:150px;  float:left; text-align:center;}
.x_6_1 li img{ width:37px; height:37px; display:block; margin:0 auto; margin-bottom:25px;}
.x_6_1 li p{ width:240px; text-align:center; font-size:16px; color:#254da0;}
.x_7{  max-width:1200px; height:auto; overflow:hidden; margin:0 auto; padding-bottom:60px;}
.x_7 ul{ width:105%;}
.x_7 li{ width:163px; height:481px; float:left; margin-right:88px;}
.fo_kong{ width:100%; height: 44px; display: none; }
/*分页样式*/

.listpage {clear: both;text-align: center;}
.xiaocms-page { padding:14px 0 10px; text-align: center;}
.xiaocms-page a { display:inline-block; height:35px; line-height:35px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 15px;margin-left: 5px;}
.xiaocms-page a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
.xiaocms-page span { display:inline-block; height:35px;padding:0 15px; line-height:35px; background:#0f92ed; border:1px solid #0f92ed; color:#fff; text-align:center;margin-left: 1px; }

.footer_box2{ width:100%;height:50px; background:#fff; position:fixed; bottom:0; z-index:99; border-top:#b6b6b6 solid 1px; display: none; }
.footer_box2 li{ width:33.333%; height:45px; float:left; display:block; text-align:center; padding-top:5px; font-size:12px;  color:#fff;}
.footer_box2 li img{ width:24px;}
.footer_box2 li p{ height:15px; line-height:12px; font-size:12px;  color:#333;}
.footer_box2 li .f_links p{ color:#333;}
.kong_45{ width:100%; height: 45px; }

/*SEO专题页*/
.seo_box1{ margin-top: 40px; margin-bottom: 50px; }
.seo_box1 li p{ font-size: 20px;  color: #2f2f2f; padding-top: 20px; text-align: center; }
.seo_box2{ width: 100%; height: auto; overflow: hidden; padding-bottom:50px; margin-top: 40px; }
.seo_box2 li{ width:48%; height: auto; overflow: hidden; background: #fff; float: left;  margin-right:2%; margin-bottom:2%;}
.seo_box2 ul{ width: 102%; }
.seo_b2icon{ width: 15%; margin-top: 22px; margin-bottom: 22px; float: left; }
.seo_b2right{ width: 84%; height: 105px;display: table; float: right;}
.seo_b2rtext{ display: table-cell;vertical-align:middle; color: #666;text-align:left;}
.seo_b2rtext h2{ font-size: 20px; color: #2f2f2f; margin-bottom:0px; }    
.seo_box3img{ width: 46%; float: left; margin-top: 80px; position: relative; right: -40px; }    
.seo_box3img2{ width: 54%; float: right;margin-top: 50px; left:-40px; position: relative; }
.seo_box3img3,.seo_wap{ display: none; }
.seo_box4{ width: 100%; height: auto; overflow: hidden; padding-bottom: 50px; margin-top: 50px; background:url(../images/seo/seo_13.jpg) no-repeat;    background-size: cover !important; }
.seo_box4 h2{ color: #fff; }
.seo_box5{ width: 100%; height: auto; overflow: hidden; padding-top: 45px; padding-bottom:45px; background: #150b0a; }
.seo_box5cen{ max-width: 1421px; height: auto; overflow: hidden; margin:0 auto;  }
.seo_box5cen li{ width: 25%; float: left; padding-right: 4%; color: #e6e6e6; }
.seo_box5cen li h2{ font-size: 20px; font-weight: normal; color: #fff; margin-bottom:10px;  }


/*SEM专题页*/
.sem_bg{ width: 100%; height: auto; overflow: hidden; background:url(../images/sem/sem_12.jpg) center no-repeat;   
	background-size: cover !important; padding-top: 80px; padding-bottom: 50px; margin-top:50px;   }
.sem_line{ margin:0 auto; background: #ee950e; }
.sem_bgtitle{ width: 100%; text-align: center; color: #ee950e; font-size: 40px; margin-bottom: 10px; }
.sem_list{ max-width: 1421px; height: auto; overflow: hidden; margin:0 auto; margin-top:80px; }
.sem_list li{ width: 20%; float: left; text-align: center; margin-bottom:30px;  }
.sem_list li img{ max-width: 100%; }
.sem_bg2{ width: 100%; height: auto; overflow: hidden; background: #f5f5f5; padding-top: 80px; padding-bottom:80px; margin-top: 50px; }
.width_1156{ max-width:1360px; height:auto; overflow:hidden; margin:0 auto; }
.width_1156 li{ width:19.2%; height:276px; overflow:hidden; background:#fff; float:left; margin:0 5px;}
.bid_3_2{ width:100%; height:110px; background:#2f2f2f url(../images/sem/sem_13.png) center no-repeat;}
.bid_4_2{ width:100%; height:110px; background:#ee950e url(../images/sem/sem_14.png) center no-repeat;}
.bid_5_2{ width:100%; height:110px; background:#2f2f2f url(../images/sem/sem_15.png) center no-repeat;}
.bid_6_2{ width:100%; height:110px; background:#ee950e url(../images/sem/sem_16.png) center no-repeat;}
.bid_7_2{ width:100%; height:110px; background:#2f2f2f url(../images/sem/sem_17.png) center no-repeat;}
.bid_3_3{ width:90%; height:auto; overflow:hidden; margin:0 auto; font-size:24px; color:#2f2f2f; text-align:center; margin-top:20px; margin-bottom:15px;}
.bid_3_4{ width:90%; height:auto; overflow:hidden; margin:0 auto; font-size:16px; line-height:25px; color:#898989; text-align:center;}
.sem_mtext{ padding-right:8%; }
.sem_stext{ text-align: left;  font-size: 18px; color: #666; margin:0 auto; line-height: 30px; margin-bottom: 40px; }
.sem_h4{ font-size:30px; color: #2f2f2f; margin-bottom: 15px; display: block; }
.sem_stext2{text-align: left; max-width: 1360px; font-size: 18px; color: #666; margin:0 auto; line-height: 30px; margin-bottom: 40px; margin-top: 60px;}


/*自媒体营销*/
.media_bg{ width: 100%; height: auto; overflow: hidden; padding-top: 85px; padding-bottom: 85px; 
	background:url(../images/media/media_15.jpg) center no-repeat;background-repeat:no-repeat; 
background-attachment:fixed;}
.media_title{ width: 100%; text-align: center; color: #fff; font-size:40px; }
.media_list{ max-width: 1421px; height: auto; overflow: hidden; margin: 0 auto; margin-top: 50px; }
.media_list li{ width: 20%; float: left; text-align: center; margin-bottom: 30px; position: relative; padding-top: 12px; }
.media_list li p{ color: #fff; font-size: 18px; padding-top: 15px;}
.me_bor{ width: 120px; height: 120px; position: relative; margin:0 auto; margin-top: 15px; padding-top: 5px; }
.kamanfra, .kamanfra::before, .kamanfra::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; z-index: 99;opacity: 0;
}
.media_list li:hover .kamanfra{opacity: 1;transition: all .5s ease-in-out;}
.media_list li:hover .kamanfra, .kamanfra::before, .kamanfra::after{opacity: 1;transition: all .5s ease-in-out;}
.kamanfra {
  width: 120px;
  height: 120px; 
  margin: auto; padding-top: 5px;opacity: 0;transition: all .5s ease-in-out;
  color: #eee;
  box-shadow: inset 0 0 0 1px rgba(232, 232, 230, 0.5);
}
.kamanfra::before, .kamanfra::after {
  content: '';
  z-index: -1;
  margin: 0%;
  box-shadow: inset 0 0 0 2px;
  animation: kamankey 6s linear infinite;
}
.kamanfra::before {
  animation-delay: -3s;
}
@keyframes kamankey {
  0%, 100% {
    clip: rect(0px, 120.0px, 2px, 0px);
  }
  25% {
    clip: rect(0px, 2px, 120.0px, 0px);
  }
  50% {
    clip: rect(118.0px, 120.0px, 120.0px, 0px);
  }
  75% {
    clip: rect(0px, 120.0px, 120.0px, 118.0px);
  }
}

@keyframes rotating {from {transform: rotateY(120deg);}}
.media_cen{ max-width: 1421px; height: auto; overflow: hidden; margin: 0 auto; margin-top: 60px; margin-bottom: 60px; }
.media_cen li{ width: 100%; height: auto; overflow: hidden; background: #f5f5f5; }
.media_left{ width: 50%; float: left; padding:30px; }
.media_img{ width: 50%; float: right; }
.media_left dt{ font-size: 26px; color: #2f2f2f; margin-bottom: 20px; }
.media_left span{ font-size: 16px; line-height: 26px; }
.me_left{ float: left; }
.me_right{float: right;}

@media screen and (min-width: 320px) and (max-width: 768px) 
{
	.km_cases_list2 li{ width: 48%; height: 347px;border-radius: 23px; }
	.width_1156 ul{ width:102%;  }
	.phbox h2{ bottom: 38px; }
	.xcx_m img{ max-width:100px; max-height:100px; }
	.km_cases_listimg{ height: 120px }
	.km_cases_list2 .km_cases_listimg img {top: 35px;position: relative;}
.km_cases_t1{ font-size: 26px; }
.km3{ background: none }
.km3cases li{ width: 100%; margin-bottom: 10px;  }
.km_homenews .km_tab a{padding: 4px 10px; font-size: 14px; border-radius: 2px;}
	.sem_bg{ padding-top: 50px; }
	.sem_list{ margin-top: 50px; }
	.sem_h4{ font-size: 22px; }
	.bid_3_4{ font-size: 14px; }
	.sem_bg2{ padding-bottom:10px; }
	.width_1156 li:nth-child(5){ width: 100%;}
	.bid_3_2,.bid_4_2,.bid_5_2,.bid_6_2,.bid_7_2{ background-size:30px;  }
	.sem_stext,.sem_stext2{ padding-left:20px; padding-right:20px; font-size: 14px; }
	.seo_box1 li p{ font-size: 14px; line-height: 20px; }
	.ny_left_top2{ margin-top: 15px; width: 100%; }
	.s_input{ width: 80%; }
	.s_buttom{ width: 13%; }
	.width_1156 li{ width: 48%; margin-right: 2%; margin-left:0px; }
	.seo_box4 h2{ margin-bottom:0px; }
.seo_box5cen li{ width: 100%; margin-bottom:20px; }
	.n_m_content{ margin-bottom: 20px; }
	.seo_pc,.banner_bg{ display: none; }
	.seo_2_2{ width: 45px; height: 45px; margin-left: 10px;margin-top: 20px; }
	.seo_2_4{ font-size: 14px; }
	.seo_1_title,.n_m_title2{ font-size: 22px; }
	.seo_2_3{ margin-top: 18px; height: 80px; }
	.seo_1_1,.seo_1_2{ width: 100%; height: 50px; line-height: 50px; font-size: 16px; text-align:left; padding-left:50px; }
	.seo_1_icon,.seo_2_icon{ width: 30px; height: 30px; top:10px;  line-height: 30px; left: 10px; right: auto; font-size: 16px; }
.qianyue_more{position: absolute;top: 18px;right: 10px;}
	.xiaocms-page a{padding: 0 5px;}
	.news_fhui{ width:14%; }
	.seo_box2,.seo_box1,.seo_box3,.seo_box5cen{ padding:0 20px; }
	.seo_box{ padding-top: 30px; }
	.seo_box2{ margin-bottom:20px; }
	.seo_box3img2{ display: none; }
	.seo_box3img{ margin-top: 20px; }
	.seo_box2 ul,.seo_box3img{ width: 100%; right: auto; }
.news_prea{ width:43%; text-align:right; padding-right: 1%;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news_texea{ width:43%; text-align:left; padding-left:1%; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
	.news_s,.seo_box2 li{ width:100% !important; margin-right:0px; }
	.seo_box2 li{ padding:0 10px;  }
	.seo_b2rtext h2{ font-size: 14px !important; font-weight: bold; }
	.seo_b2icon{ width: 10%; margin-top: 40px; }
	.con_left .web_more{ float: none; }
	 .km_ser{ margin-top: 27px !important; }
.con_qlist dt{ width:80px; }
.head_nav,.head_right,.home_banner,.gps_box{ display:none;}{ display:none;}
.km_cases{ padding:0 10px; margin-top:30px;}
.km_form_cen{ padding:30px 20px 20px 20px;}
.noticTipTxt li{ width:100%;}
.nes_qy{ width: 100% !important; }
.logo{ width:30%; margin-left:20px;}
.head_box,.kong_98{ height:60px;}
.km_news_cen,.marker_box,.x_3_1{ padding:0 20px; padding-top:20px;}
.footer_cen{ padding:0 20px;}
.wap_banner,.seo_wap{ display:block;}
.seo_box3img3{ display: block; width: 100%; margin-top: 20px; }
.head_box .am-menu-offcanvas1 .am-menu-toggle{ top:6px; display:block; }
.km_cases_text,.km_cases_right{ width:100%; float:none;height:auto; overflow:hidden;}
.km_cases_text{ margin-bottom:15px;}
.km_cases_show{ margin-top:0px;}
.km_pkong{ margin-top:0px;}
.km_cases_text,.km_cases_right{ padding:20px;}
.km_cases_links{ margin-left:0px;}
.km_cases_pre,.services_list li,.con_left,.con_right{ width:100%;}
.km_c{ width:200px; background: #fff;}
.km_promote_list ul{ width:102%;}
.km_promote_list li{ width:48%; margin-right:2%; margin-bottom:2%;}
.promo_title,.con_s6,.con_text2{ font-size:14px;}
.km_promote_list li .km_news_1title{ padding:10px; background-size:12px;}
.km_chengguo{ font-size:24px;}
.km_news_con{ padding:20px;}
.web_text2,.contact_box li,.con_left,.con_text2,.con_tema{ padding:0 10px;}
.km_cases_show .km_cases_t1{ padding:20px; padding-bottom:0px;}
.km_mobile_m1,.km_mobile_m2,.km_mobile_m3,.km_mobile_m4{ width:100%; float:none; padding:0 20px;}
.km_mobile_m1 h2,.km_mobile_bg{ margin-top:0px;}
.km_mobile_butt{ margin-top:20px; margin-bottom:40px; height: auto; overflow:hidden;}
.km_mobile_butt dt{ font-size:14px; width:100%; padding:0px; text-align:center; margin-bottom:5px;  }
.km_mobile_mtext{text-align: justify;}
.km_mobile_bg{ background-size:cover;background-position: 32% !important; padding-top:0px; padding-bottom:50px;}
.km_mobile_mtext3{ width:100%; margin:0 auto; margin-top:20px; font-size:18px; height:50px; line-height:50px;}
.km_mobile_top{ margin-top:40px;}
.km_mobile_mli{ margin-top:20px;}
.km_mobile_mli dt{ width:50%; font-size:14px;}
.km_mobile_bg2 h1{ padding:0 10px; font-size:22px;}
.km_mobile_list{ padding:0 10px;}
.km_mobile_list ul{ width:102%;}
.km_mobile_list li{ width:48%; margin-right:2%; margin-bottom:2%;}
.km_mobile_list li p,.marker_box li{ font-size:14px;}
.km_mobile_bg2{ padding-bottom:10px;}
.km_mobile_none,.fo_kong{ display:block;}
.wap_n,.seo_box3img2{ display:none;}
.km_mobile_mtext1,.con_left_t1{ font-size:16px;}
.km_mobile_bg .web_1{ padding-top:20px;}
.services_list li img{ width:10%; margin-top:1%; margin-right:0px;}
.services_list{ padding:0px;}
.services_list li{ padding-left:0px; height:auto; overflow:hidden; padding-right:0px;}
.services_list ul,.contact_box li{ width:100%;}
.services_list_right{ width:84%;}
.services_fw dt,.marker_box li,.km_mall_1,.km_mall_2{ width:100%;}
.marker_box li{ background-size:18px !important;padding-left:25px;}
.market_h1 h2,.km_mall_2,.mall_r h2{ padding:0 20px;}
.marker_box{ margin-top:20px;}
.marker_text2 li,.contact_box li h2,.sem_bgtitle{ font-size:22px;}
.km_mall_2 .web_more3{ margin-bottom:40px;}
.km_mall_2 h2,.mall_r h2{ margin-top:10px; font-size:22px}
.km_mall_4{ float:left; width:100%;}
.mall_r{ float:right; width:100%;}
.mall_none{ display:block;}
.mall_b{ display:none;}
.web_text2 .web_more3{ margin-bottom:40px;}
.mall_img,.contact_box li h2{ margin-bottom:10px;}
.contact_box li{ margin-bottom:40px;}
.con_right{ text-align:left; padding:0 20px;}
.con_s6,.con_text2{ line-height:25px; text-align: justify;}
.con_bgright h2{ font-size:32px;}
.x_2_1 li{ width: 100%; margin-top:5px; margin-bottom: 5px; }
.x_2{ height:auto; overflow: hidden; padding:0 20px; }
.x_2_1 li img{ width: 30px; margin-top:7px; }
.x_3 img{ width: 200px; margin:0 auto; }
.x_3_1{ margin-top:0px;text-align: justify; }
.x_3_2 ul{ width: 102%; }
.x_3_2 li,.x_6_1 li,.x_7 li{ width: 48%; margin-right:2%; }
.x_3_2 li p{ width: 90%; margin:0 auto; }
.x_4{ background-size:300% !important; background-position: 50% !important; margin-top: 20px;  }
.x_5_2{ display: none;  }
.x_6{ width: 160px !important; }
.x_6_1 li p,.qianyue_list li,.qianyue_list ul{ width: 100%; }
.qianyue_list li{ margin-right:0px; padding-top:10px; padding-bottom: 10px; padding-left:20px; }
.con_ig{ position:static; }
.footer_box2{ display: block; }
.x_7{ padding:0 20px;  }
.x_7 li:nth-child(5){ display:none;}
.x_6_1 li{ height: 120px; }
.side{ display:none }
.km_ym{ font-size: 12px; }
.xiaocms-page span{ padding:0 5px ; margin-left: 5px; }
.sem_list{ padding:0 20px; text-align: center; }
.sem_list li{ width: 24%; padding:0 5px;  float: none;    display: inline-block;; margin:0 auto; margin-bottom: 20px; }
.media_list li{ width: 50%; margin-bottom: 0px; }
.media_list li img{ width: 80px; }
.media_list li p,.media_left span{ font-size: 14px; }
.media_bg{ padding-top:40px; padding-bottom: 40px;     background-size: cover !important;
    background-position: 50% !important; }
.media_left,.media_img{ width: 100%; }
.media_cen{ margin-top: 0px; margin-bottom: 0px; }
.me_left{ float: right;  }
.media_left dt{font-size: 20px;}
.media_left{padding:20px;}
.media_list{ margin-top: 25px; }


.me_bor{ width: 90px; height: 90px; position: relative; margin:0 auto; margin-top: 15px; padding-top: 5px; }
.kamanfra, .kamanfra::before, .kamanfra::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; z-index: 99;opacity: 0;
}
.kamanfra {
  width: 90px;
  height: 90px; 
  margin: auto; padding-top: 5px;opacity: 0;transition: all .5s ease-in-out;
  color: #eee;
  box-shadow: inset 0 0 0 1px rgba(232, 232, 230, 0.5);
}
.kamanfra::before, .kamanfra::after {
  content: '';
  z-index: -1;
  margin: 0%;
  box-shadow: inset 0 0 0 2px;
  animation: ftsdsd 6s linear infinite;
}



}
@media screen and (min-width: 600px) and (max-width: 768px) 
{
.km_buttom{ width:15.5%; font-size:16px;}
.km_news_list .km_news_1{ width:100%; margin-bottom:10px;}
.km_news_list li{ width:49.5%;}
.footer_cen{ padding-top:30px;}
.km_cases_top{ font-size:20px;}
.km_news_more,.km_news_more span{ width:100px;}
.logo{ width:18%;}
.web_3 li{ width:100%;}
}
@media screen and (min-width: 320px) and (max-width: 414px) 
{
.km_form_cen h1{ font-size:20px; margin-bottom:15px;}
.km_input{ width:100%; margin-bottom:10px; font-size:14px;}
.km_form_bg{ height:auto; overflow:hidden; background-size:cover;background-position: 50% !important;}
.km_buttom{ width:100%; font-size:16px; height:40px; line-height:40px;}
.km_form_cen p{ font-size:12px; margin-top:10px; margin-bottom:10px;}
.km_cases_list li{ width:48%;}
.km_cases_bor span{letter-spacing:0px;}
.km_cases_bor p img{ max-width:60%;}
.km_cases_tbox{ height:140px;}
.km_cases_top{ font-size:20px; margin-bottom:20px; line-height:25px;}
.km_news_more{ float:left; margin-top:10px; width:100px; height:35px; line-height:35px;}
.km_news_more span{ width:100px; font-size:14px;}
.km_cases_top p{ font-size:14px;}
.km_news_list .km_news_1{ width:100%; margin-bottom:2%;}
.footer_left,.footer_right{ width:100%; float:left; margin-top:20px;}
.footer_img a{ width:31%; margin-right:2%; margin-bottom:2%;}
.km_news_list li{ width:100%; height:100px; margin-left:0px;    padding: 15px 17px 15px 17px; margin-bottom:10px;}
.km_news_time{ width:20%;}
.km_news_bt{ padding-right:20%; font-size:14px;}
.km_news_r{ width:75%; background-size:12px;}
.footer_left h5{ font-size:32px;}
.noticTipTxt li{ padding:0 20px;}
.km_qianyue_time{ width:25%;}
.km_qianyue{ height:60px;}
.noticTipTxt{ margin-top:0px;}
.km_qianyue_text{ margin-left:15px; line-height:20px; margin-top:4px;}
.km_qianyue_text p{ font-size:14px;}
.km_qianyue_text span,.km_cases_tbox span{ font-size:12px;}
.tujian_cases li:nth-child(3){ display:none;}
.web_3 ul{ width:100%;}
.web_3 li{ width:100%; height: auto; overflow:hidden; margin-bottom:10px; margin-right:0px;}
.web_3 li img{ width:10%;}
.web_1 h2,.media_title{ font-size:22px;}
.web_text2,.web_text1{ font-size:14px;}

.web_img{ margin-top:40px; margin-bottom:40px;}
.web_img li{ width:48%; margin-bottom:2%; margin-right:2%;}
.web_img2{ margin-top:20px; margin-bottom:20px;}
.web_text3{ font-size:18px;}
.web_3text,.km_mobile_mtext,.km_mobile_mtext2{ font-size:14px;}
.web_3 li img{ margin-top:2%;}
.services_bg{ height:auto; overflow:hidden;}

}

@media screen and (min-width: 769px) and (max-width: 1440px) 
{
.km_cases,.km_form_cen,.km_news_cen,.footer_cen{ padding:0 4%;}
.km_form_cen,.km_news_cen,.footer_cen,.contact_box{ padding-top:4%;}
.km_qianyue{ padding:0 2%;}
.web_1,.seo_box5cen{ padding:0 20px;}
.contact_box{ padding:4% 20px 0 20px;}
}
@media screen and (min-width: 769px) and (max-width: 1160px) 
{
.head_right,.head_nav{ display:none;}
.head_box .am-menu-offcanvas1 .am-menu-toggle{ top:26px; display:block; }
.km_cases_text,.km_cases_right{ width:100%; float:none; height:auto; overflow:hidden;}
.km_cases_text{ margin-bottom:15px;}
.km_cases_show{ margin-top:0px;}
.web_3 li{ width:49%;}
.web_1,.km_mobile_list{ padding:0 20px; padding-top:40px;}
.head_nav{ width:68%; float:right;}
.head_right,.gps_box{ display:none;}
.services_list_right{ width:74%;}
.services_list li{ padding-left:0px; height:auto; overflow:hidden; padding-right:0px;}
}

@media screen and (min-width: 1170px) and (max-width: 1360px) 
{
.head_nav{ width:68%; float:right;}
.head_right,.gps_box{ display:none;}
.web_3 li{ width:49%;}
.web_1,.km_mobile_list{ padding:0 20px; padding-top:40px;}
.services_list_right{ width:74%;}
.services_list li{ padding-left:0px; height:auto; overflow:hidden; padding-right:0px;}
}

@media screen and (width: 1366px) 
{
.head_nav{ width:51%;}
.head_nav li a{ padding:0 10px;}
.km_news_list li{ height:123px;    padding: 20px 17px 20px 27px;}
.web_1,.km_mobile_list{ padding:0 4%; padding-top:50px;}
.web_3right{ width:78%;}
.web_3text,.web_text2,.km_input,.services_list_text{ font-size:14px;}
.web_text1,.km_mobile_mtext,.km_mobile_list li p,.promo_title,.km_buttom{ font-size:16px;}
.km_mobile_m1 h1,.km_mobile_bg2 h2,.web_1 h2{ font-size:30px;}
.km_form_cen h1{ font-size:26px;}
.bann_video{ width:100%; height:440px;object-fit: fill; vertical-align: middle;}
.banner_content{ padding-top: 115px; }
.banner_bg_text {
    text-align: center;
    position: absolute;
    top: 20%; width: 100%; left: 50%; margin-left: -50%;
    color: #fff;
}
.banner_bg_text h2{font-size: 50px;margin-bottom: 15px;}
.banner_bg_text p{    font-size: 30px;margin-bottom: 20px;}
.banner_bg_text div{    font-size: 30px;font-weight: bold;}
.ztreeleft{-webkit-animation:fa1 6s linear 1; }
.ksu{ width: 220px; height: 40px; line-height: 40px;
 border-radius: 100px; border:#fff solid 1px; left: 50%; color: #fff; font-size: 20px; margin-left: -110px; text-align: center; 
 position: absolute; bottom: 8%; z-index: 6}

}

@media screen and (min-width: 1440px) and (max-width: 1680px) 
{
.head_nav{ width:51%;}
.head_nav li a{ padding:0 10px;}
.bann_video{ width:100%; height:542px;object-fit: fill; vertical-align: middle;}
}

@media screen and (width: 1680px)
{
.head_nav{ width:51%;}
.head_nav li a{ padding:0 20px;}

}